<!DOCTYPE html>
<html lang="zh-CN">





<head>
  <meta charset="UTF-8">
  <link rel="apple-touch-icon" sizes="76x76" href="/michuanblog/img/favicon.png">
  <link rel="icon" type="image/png" href="/michuanblog/img/favicon.png">
  <meta name="viewport"
        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  
  <meta name="theme-color" content="#2f4154">
  <meta name="description" content="Coding">
  <meta name="author" content="胡晗">
  <meta name="keywords" content="">
  <title>心流--幸福感源泉 - 胡晗&#39;s Blog</title>

  <link  rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.4.1/css/bootstrap.min.css" />


  <link  rel="stylesheet" href="https://cdn.staticfile.org/github-markdown-css/4.0.0/github-markdown.min.css" />
  <link  rel="stylesheet" href="/michuanblog/lib/hint/hint.min.css" />

  
    <link  rel="stylesheet" href="https://cdn.staticfile.org/highlight.js/10.0.0/styles/github-gist.min.css" />
  

  


<!-- 主题依赖的图标库，不要自行修改 -->

<link rel="stylesheet" href="//at.alicdn.com/t/font_1749284_yg9cfy8wd6.css">



<link rel="stylesheet" href="//at.alicdn.com/t/font_1736178_pjno9b9zyxs.css">


<link  rel="stylesheet" href="/michuanblog/css/main.css" />

<!-- 自定义样式保持在最底部 -->


  <script  src="/michuanblog/js/utils.js" ></script>
<meta name="generator" content="Hexo 4.2.1"></head>


<body>
  <header style="height: 70vh;">
    <nav id="navbar" class="navbar fixed-top  navbar-expand-lg navbar-dark scrolling-navbar">
  <div class="container">
    <a class="navbar-brand"
       href="/michuanblog/">&nbsp;<strong>MiChuan</strong>&nbsp;</a>

    <button id="navbar-toggler-btn" class="navbar-toggler" type="button" data-toggle="collapse"
            data-target="#navbarSupportedContent"
            aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <div class="animated-icon"><span></span><span></span><span></span></div>
    </button>

    <!-- Collapsible content -->
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav ml-auto text-center">
        
          
          
          
          
            <li class="nav-item">
              <a class="nav-link" href="/michuanblog/">
                <i class="iconfont icon-home-fill"></i>
                首页
              </a>
            </li>
          
        
          
          
          
          
            <li class="nav-item">
              <a class="nav-link" href="/michuanblog/archives/">
                <i class="iconfont icon-archive-fill"></i>
                归档
              </a>
            </li>
          
        
          
          
          
          
            <li class="nav-item">
              <a class="nav-link" href="/michuanblog/categories/">
                <i class="iconfont icon-category-fill"></i>
                分类
              </a>
            </li>
          
        
          
          
          
          
            <li class="nav-item">
              <a class="nav-link" href="/michuanblog/tags/">
                <i class="iconfont icon-tags-fill"></i>
                标签
              </a>
            </li>
          
        
          
          
          
          
            <li class="nav-item">
              <a class="nav-link" href="/michuanblog/about/">
                <i class="iconfont icon-user-fill"></i>
                关于
              </a>
            </li>
          
        
        
          <li class="nav-item" id="search-btn">
            <a class="nav-link" data-toggle="modal" data-target="#modalSearch">&nbsp;&nbsp;<i
                class="iconfont icon-search"></i>&nbsp;&nbsp;</a>
          </li>
        
      </ul>
    </div>
  </div>
</nav>

    <div class="view intro-2" id="background" parallax=true
         style="background: url('/michuanblog/img/default.png') no-repeat center center;
           background-size: cover;">
      <div class="full-bg-img">
        <div class="mask flex-center" style="background-color: rgba(0, 0, 0, 0.3)">
          <div class="container text-center white-text fadeInUp">
            <span class="h2" id="subtitle">
              
            </span>

            
              
  <div class="mt-3 post-meta">
    <i class="iconfont icon-date-fill" aria-hidden="true"></i>
    <time datetime="2020-07-17 11:27">
      2020年7月17日 上午
    </time>
  </div>


<div class="mt-1">
  
    
    <span class="post-meta mr-2">
      <i class="iconfont icon-chart"></i>
      3.5k 字
    </span>
  

  
    
    <span class="post-meta mr-2">
      <i class="iconfont icon-clock-fill"></i>
      
      
      34
       分钟
    </span>
  

  
  
</div>

            
          </div>

          
        </div>
      </div>
    </div>
  </header>

  <main>
    
      

<div class="container-fluid">
  <div class="row">
    <div class="d-none d-lg-block col-lg-2"></div>
    <div class="col-lg-8 nopadding-md">
      <div class="container nopadding-md" id="board-ctn">
        <div class="py-5" id="board">
          <div class="post-content mx-auto" id="post">
            
            <article class="markdown-body">
              <p><strong>幸福源于内心秩序。</strong></p>
<p>米哈里·契克森米哈赖于《心流》一书中提出三个积极心理学的关键词：一是<strong>幸福</strong>；二是<strong>最优体验</strong>，他称之为<strong>心流</strong>；三是<strong>精神熵</strong>。</p>
<p>幸福是今天人们探讨的热门话题，我们能够通过生物学、心理学、社会学的层面去理解和探讨幸福的成因和本质。</p>
<p>无知无畏是有一定科学意义的，人类与动物的一点不同之处，在于心灵空间的大小。动物所需的感知力和注意力，大多与生存环境直接相关，他们依靠直觉判断外来资讯，饥饿时集中精神于捕食这件事上，而繁衍也只是完成种群生存的一项任务。人类进化过程中，除生存之外，感受到了更多的信息，产生更多更复杂的情绪，许多动物没有这些情绪，我们也能明显观察到从爬行类到灵长类的演化，大脑发达程度和情绪多样性呈正相关。当人类需要处理更多信息时，对信息的接受和处理增加，需要考虑的问题增多，焦虑感随之上升，当信息超过我们的负荷时，我们很容易感到精神疲惫，而信息量猛增的互联网时代，这样的感受是必然产生的。</p>
<p>精神分裂症患者发病的一个成因，就是短时间内接收到大量信息，而由于生理上的缺陷，不能像正常人一样通过关闭信道的方法解决信息过载。同时这种生理特质使得他们对于外界刺激更敏感，他们无法控制信息的进出，在大量信息涌入后最终迷失了。</p>
<p>面对过多的外部信息，米哈里认为解决之道在于凝聚心神，将注意力集中于一项活动，使得信息有了轻重缓急的区别，而后进行干预和处理。这类似于事务管理中四象限法则的观点：“把要做的事情按照紧急、不紧急、重要、不重要的排列组合分成四个象限，这四个象限的划分有利于我们对时间进行深刻的认识及有效的管理。”不同之处在于，时间管理注重提高效率，而对信息的管理则是为了获得幸福感。</p>
<p>金钱不能让人幸福，米哈里为此引用了弗兰克的话：“事实上，幸福感通常根本不是作为目标而浮现于人们的追求面前，而只不过表现为目标既达的某种附带现象。然而在神经官能症患者那里，这种原初的追求似乎都被扭曲为对幸福的一种直接性追求，扭曲为快乐意志……快乐成了注意力的唯一内容和对象。然而，神经官能症患者在多大程度上纠缠于快乐之中，他便在多大程度上让快乐的根据从眼皮底下跑掉，而快乐‘效应’也不会再出现。”米哈里为证明幸福感不是人生主题，而是全身心投入某件事务，达到忘我程度，获得内心秩序和安宁时的一种附带现象，在《心流》中进行了深入的探讨。</p>
<p>对于幸福的认知，另一个更直观更本质的误区是感官享乐，米哈里认为：“享乐的片刻转瞬即逝……寻求快乐是基因为物种延续而设的一种即时反射，其目的非关个人利益。进食的快乐是为确保身体得到充足营养，性爱的快乐则是鼓励生殖的手段，它们实用的价值凌驾于一切之上……但实际上，他的性趣只不过是肉眼看不见的基因的一招布局，完全在操纵之中……如果无法抗拒食物或酒精的诱惑，或无时无刻不欲念缠身的人，就无法自由控制内在的心灵。”“跟随基因的反应，享受自然的乐趣，并没有什么不好，但我们应该认清事实真相。”</p>
<p>人类拥有生理和意识两个系统，两个系统的稳定建立在有序的基础上，生理欲望与意识系统关联较少，无论欲望满足欠缺、适当还是过度。理想的生存状态兼具生理满足和精神系统的有序。从自然界角度来看，即是降低心灵熵，熵是表征事务有序程度的物理量，在心理学范畴其仍具有研究意义。</p>
<p>热力学第一和第二定律揭示了自然界能量转换和转移的规律，也指明了能量转换的方向性。热力学第一定律说明能量的守恒，即能量总是发生转移，其总量不变，即不凭空产生，也不会消失。第二定律则关注能量转移的方向，以及转化方式，主要为：一，热量总是从高温物体传递向低温物体；第二，能量转化中必有损耗；第三，在自发过程中，浓度趋于扩散，结构趋于消失，有序趋于无序。无序的量度被称作“熵”。一切自发的物理过程，都是熵增加的过程。</p>
<p>生命是大自然的奇迹，在于它演化出了热力学定律中的特例，将太阳能转化为生物能，从无序中产生有序，薛定谔观察到这一现象，并提出“负熵”的概念。负熵即从无序到有序的趋势。</p>
<p>米哈里借鉴上述思想提出“精神熵”，认为资讯对于意识的结构的作用，使其失序，即是精神熵。精神熵的反面，就是“心流”，米哈里对心流的成因和特征进行了概括：第一，注意力，深沉的快乐来源于严格的自律和专注的精神。第二，具有一个明确且乐意为之的目标，目标将注意力集中，其具体内容并不重要。第三，即时的回馈，能够从投入中得到回报，这是满足感的来源。第四，全神贯注于目标，屏蔽了烦人的琐事。第五，忘我，达到物我两忘的状态，这是心流的最高境界。</p>
<p>专注是心流的关键，但不是所有的专注都能带来心流，必须有两个前提：第一，所进行的活动是心乐之的，而不是被迫的。第二，活动不能只是单调的重复，重复只能带来乏味，缺乏刺激。造就心流的活动，需要有挑战性，但挑战性需要与自身能力匹配。当挑战目标远高于自身能力时，会在失败中产生挫败感，在下一次挑战中形成焦虑的心态；当挑战目标远低于自身水准，不能从这种挑战中获得新的成就感，持续下去，就会产生厌倦。因此，只有在动态的调整目标的难度的过程中，我们才能感受到心流的存在。</p>
<p>注意力的凝聚需要目标。在传统社会中，社会权威为人民提供人生目标：国王、主教、政府。他们提供了爱国主义、阶级习俗、道德、宗教、法治的目标。其后的目标提供者是商人，他们带来了消费需求。</p>
<p>这些外来的目标正在渐渐失效，原因是两方面的：</p>
<p>第一，目标的设立者，其动机是维护社会秩序，或维护特权阶层的自身利益。在现代社会，这种秩序建立的基础已经打破，分工合作意味着生产方式的变革，随之而来的是政治体制的变革，知识分子不再束缚于“学而优则仕”，精英阶层的解放，推动新的秩序的建立。商人对消费的宣传，本质代表着其自身利益，并不代表消费者，商人在购物中取得的收益远大于顾客。生产技术的成熟，不断降低生产成本，使得顾客能够以更低的价格获得更优质的服务。生产从第一产业向第二产业的转移，带来了新的消费体验，而互联网时代，使得第二产业结合第三产业，第二产业向第三产业转移的进程加速。以上的变化使得原有的目标失去了应有的价值，不断贬值过程中，只能被其他目标所取代。</p>
<p>第二，思想解放带来了新的自由，即精神自由。过去的人追求恋爱自由、婚姻自由、政治自由。而新的体制下，封建礼教的影响已经削弱得微乎其微。当前人们追求财务自由、精神自由。财务自由是精神自由的基础，只有满足了衣食住行的生理需求，才能去追寻更高的精神需求。在今天，衣食住行已经不是问题，大多数人能够拥有舒适的生存环境。娱乐方式多样化，代表着精神追求的多样，每个人的兴趣都不完全相同，这种兴趣是自发的，外来提供的目标，必然带着主观偏好和私利。集中体现于上级对下级的意志，在家庭、学校、单位中都有所体现，在这些外来目标中，很难体会到发自内心的快乐。所以，一个人的人生目标，必然是需要自己去寻找的，这是一个寻找“最优体验”的过程。米哈里说：获得最优体验的手段，“不能浓缩成一个秘诀，也不能背诵下来重复使用……每个人必须自行从不断的尝试与错误中学习”。</p>
<p>人生目标是能够使人从中获取源源不断的快乐的，在追寻目标的过程中，我们是自得其乐的。米哈里对自得其乐的定义是：“‘拥有自足目标的自我’，大多数人的目标都受生理需要或社会传统的制约，亦即来自外界。自得其乐的人，主要目标都从意识评估过的体验中涌现，并以自我为依据。”</p>
<p>外来目标以某种奖励机制吸引你，其动机是控制你，使你成为外来目标的奴隶。对抗外来目标的有效方法就是建立内在奖励，在追寻自我目标的过程中，建立精神的有序和成长的乐趣。</p>
<p>群体关系是社会的重要基础，我们的快乐和痛苦，很大一部分来源于与他人的交往，如何与他人交往，是建立精神秩序的重要组成部分。</p>
<p>现代社会与传统社会区别在于：社会成员拥有更大的流动性。于是我们身边的伙伴，以及我们所保持的亲密关系，不再是生来注定，也不再局限于一城一地，而是需要我们在时空变迁中自我选择。择友和保持和睦是两个老生常谈的话题。我们关注的焦点是与群体对峙的“独处”。</p>
<p>英国哲学家培根引用一句俗语说：“喜欢独居的人，不是野兽就是神。”孤独是向内的一种独立，是内心世界完整构建的基础，我们需要与自己好好相处，处理好自己内心的冗杂心念，才能与世界好好相处，面对更加喧嚣和繁华的尘世间。</p>
<p>独处是建立自己的精神系统的必由之路，拥有了精神系统，更能适应因偶然原因陷入的孤独的处境。没能建立起完备的精神系统的人，需要外来刺激保持内心的秩序——电视、饮食、音乐、阅读、聊天或药物，但内心拥有足够资讯的人能够实现精神上的自给自足。感官刺激往往是短暂的，易失的，在诉诸感官刺激的途中，短暂的满足让人迷醉，同时慢慢对同样的刺激麻木，于是转而寻求更强烈的刺激，而后即是欲求不满和无尽的空虚。</p>
<p>适当独处有助于形成“自我”。中国人对“自我”的感知弱于其他民族，因为“社会性”太强，压抑了“自我”。群体性文化要求每个人都是集体的一份子，拒绝任何特立独行，任何背离集体意志的事物都是应该同化或消灭的，一个扁平化的世界才是符合标准的，平凡是终极目标和唯一的答案。缺少独处就缺少自我，而无个性的人组成的社会是缺少美感的。</p>
<p>工作可以产生心流，游戏也可以产生心流。游戏与心流的关系更好理解。这不仅因为游戏的特征——下棋、打球、唱歌显然是有趣的，还因为人类创造出游戏，目的就是调整心情，变低迷为亢奋，变涣散为专注。孔子云：“饱食终日，无所用心，难矣哉！不有博弈者乎？为之犹贤乎已。”</p>
<p><strong>心流的目标在于：控制内心发生的一切。瑜伽的精髓是控制自身，从身体到精神。</strong></p>

            </article>
            <hr>
            <div>
              <div class="post-metas mb-3">
                
                  <div class="post-meta mr-3">
                    <i class="iconfont icon-category"></i>
                    
                      <a class="hover-with-bg" href="/michuanblog/categories/book/">book</a>
                    
                  </div>
                
                
                  <div class="post-meta">
                    <i class="iconfont icon-tags"></i>
                    
                      <a class="hover-with-bg" href="/michuanblog/tags/book/">book</a>
                    
                      <a class="hover-with-bg" href="/michuanblog/tags/read/">read</a>
                    
                      <a class="hover-with-bg" href="/michuanblog/tags/%E5%BF%83%E6%B5%81/">心流</a>
                    
                  </div>
                
              </div>
              
                <p class="note note-warning">本博客所有文章除特别声明外，均采用 <a href="https://creativecommons.org/licenses/by-sa/4.0/deed.zh" target="_blank" rel="nofollow noopener noopener">CC BY-SA 4.0 协议</a> ，转载请注明出处！</p>
              
              
                <div class="post-prevnext row">
                  <div class="post-prev col-6">
                    
                    
                      <a href="/michuanblog/2020/07/17/%E7%BB%86%E7%A2%8E%E7%9A%84%E5%85%89%E9%98%B4/">
                        <i class="iconfont icon-arrowleft"></i>
                        <span class="hidden-mobile">细碎的光阴</span>
                        <span class="visible-mobile">上一篇</span>
                      </a>
                    
                  </div>
                  <div class="post-next col-6">
                    
                    
                      <a href="/michuanblog/2020/07/17/%E5%BD%93%E4%BD%A0%E8%80%81%E4%BA%86/">
                        <span class="hidden-mobile">当你老了</span>
                        <span class="visible-mobile">下一篇</span>
                        <i class="iconfont icon-arrowright"></i>
                      </a>
                    
                  </div>
                </div>
              
            </div>

            
              <!-- Comments -->
              <div class="comments" id="comments">
                
                
  <div id="vcomments"></div>
  <script type="text/javascript">
    function loadValine() {
      addScript('https://cdn.staticfile.org/valine/1.4.14/Valine.min.js', function () {
        new Valine({
          el: "#vcomments",
          app_id: "tKy1BysLG32PuX7L8s0rQi9C-gzGzoHsz",
          app_key: "wlDiPjGWwM0U49QD4CpxH5dz",
          placeholder: "说点什么",
          path: window.location.pathname,
          avatar: "retro",
          meta: ["nick","mail","link"],
          pageSize: "10",
          lang: "zh-CN",
          highlight: false,
          recordIP: false,
          serverURLs: "",
        });
      });
    }
    createObserver(loadValine, 'vcomments');
  </script>
  <noscript>Please enable JavaScript to view the <a href="https://valine.js.org" target="_blank" rel="nofollow noopener noopener">comments
      powered by Valine.</a></noscript>


              </div>
            
          </div>
        </div>
      </div>
    </div>
    
      <div class="d-none d-lg-block col-lg-2 toc-container" id="toc-ctn">
        <div id="toc">
  <p class="toc-header"><i class="iconfont icon-list"></i>&nbsp;目录</p>
  <div id="tocbot"></div>
</div>

      </div>
    
  </div>
</div>

<!-- Custom -->


    
  </main>

  
    <a id="scroll-top-button" href="#" role="button">
      <i class="iconfont icon-arrowup" aria-hidden="true"></i>
    </a>
  

  
    <div class="modal fade" id="modalSearch" tabindex="-1" role="dialog" aria-labelledby="ModalLabel"
     aria-hidden="true">
  <div class="modal-dialog modal-dialog-scrollable modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header text-center">
        <h4 class="modal-title w-100 font-weight-bold">搜索</h4>
        <button type="button" id="local-search-close" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body mx-3">
        <div class="md-form mb-5">
          <input type="text" id="local-search-input" class="form-control validate">
          <label data-error="x" data-success="v"
                 for="local-search-input">关键词</label>
        </div>
        <div class="list-group" id="local-search-result"></div>
      </div>
    </div>
  </div>
</div>
  

  
    <!-- APlayer 音乐播放器 -->
    <div id="aplayer"></div>
    <script defer src="https://cdn.staticfile.org/aplayer/1.10.1/APlayer.min.js" ></script>
<link  rel="stylesheet" href="https://cdn.staticfile.org/aplayer/1.10.1/APlayer.min.css" />
<script type="text/javascript">
  var oldLoadAp = window.onload;
  window.onload = function () {
    oldLoadAp && oldLoadAp();

    new APlayer({
      container: document.getElementById('aplayer'),
      fixed: true,
      autoplay: 'false' === 'true',
      loop: 'all',
      order: 'random',
      theme: '#b7daff',
      preload: 'none',
      audio: [{"name":"黄杨扁担","artist":"鹿女王","url":"http://mi_chuan.gitee.io/blog/黄杨扁担.mp3","cover":"http://mi_chuan.gitee.io/blog/黄杨扁担.png"},{"name":"隔世信","artist":"以冬","url":"http://mi_chuan.gitee.io/blog/隔世信.mp3","cover":"http://mi_chuan.gitee.io/blog/隔世信.jpg"}]
    });
  }
</script>

  

  

  <footer class="mt-5">
  <div class="text-center py-3">
    <div>
      <a href="https://hexo.io" target="_blank" rel="nofollow noopener"><span>Hexo</span></a>
      <i class="iconfont icon-love"></i>
      <a href="https://github.com/fluid-dev/hexo-theme-fluid" target="_blank" rel="nofollow noopener">
        <span>Fluid</span></a>
    </div>
    

    

    
  </div>
</footer>

<!-- SCRIPTS -->
<script  src="https://cdn.staticfile.org/jquery/3.4.1/jquery.min.js" ></script>
<script  src="https://cdn.staticfile.org/twitter-bootstrap/4.4.1/js/bootstrap.min.js" ></script>
<script  src="/michuanblog/js/debouncer.js" ></script>
<script  src="/michuanblog/js/main.js" ></script>

<!-- Plugins -->


  
    <script  src="/michuanblog/js/lazyload.js" ></script>
  



  <script defer src="https://cdn.staticfile.org/clipboard.js/2.0.6/clipboard.min.js" ></script>
  <script  src="/michuanblog/js/clipboard-use.js" ></script>







  <script  src="https://cdn.staticfile.org/tocbot/4.11.1/tocbot.min.js" ></script>
  <script>
    $(document).ready(function () {
      var boardCtn = $('#board-ctn');
      var boardTop = boardCtn.offset().top;

      tocbot.init({
        tocSelector: '#tocbot',
        contentSelector: 'article.markdown-body',
        headingSelector: 'h1,h2,h3,h4,h5,h6',
        linkClass: 'tocbot-link',
        activeLinkClass: 'tocbot-active-link',
        listClass: 'tocbot-list',
        isCollapsedClass: 'tocbot-is-collapsed',
        collapsibleClass: 'tocbot-is-collapsible',
        collapseDepth: 0,
        scrollSmooth: true,
        headingsOffset: -boardTop
      });
      if ($('.toc-list-item').length > 0) {
        $('#toc').css('visibility', 'visible');
      }
    });
  </script>



  <script  src="https://cdn.staticfile.org/typed.js/2.0.11/typed.min.js" ></script>
  <script>
    var typed = new Typed('#subtitle', {
      strings: [
        '  ',
        "心流--幸福感源泉&nbsp;",
      ],
      cursorChar: "_",
      typeSpeed: 70,
      loop: false,
    });
    typed.stop();
    $(document).ready(function () {
      $(".typed-cursor").addClass("h2");
      typed.start();
    });
  </script>



  <script  src="https://cdn.staticfile.org/anchor-js/4.2.2/anchor.min.js" ></script>
  <script>
    anchors.options = {
      placement: "right",
      visible: "hover",
      
    };
    var el = "h1,h2,h3,h4,h5,h6".split(",");
    var res = [];
    for (item of el) {
      res.push(".markdown-body > " + item)
    }
    anchors.add(res.join(", "))
  </script>



  <script  src="/michuanblog/js/local-search.js" ></script>
  <script>
    var path = "/michuanblog/local-search.xml";
    var inputArea = document.querySelector("#local-search-input");
    inputArea.onclick = function () {
      searchFunc(path, 'local-search-input', 'local-search-result');
      this.onclick = null
    }
  </script>



  <script  src="https://cdn.staticfile.org/fancybox/3.5.7/jquery.fancybox.min.js" ></script>
  <link  rel="stylesheet" href="https://cdn.staticfile.org/fancybox/3.5.7/jquery.fancybox.min.css" />

  <script>
    $('#post img:not(.no-zoom img, img[no-zoom]), img[zoom]').each(
      function () {
        var element = document.createElement('a');
        $(element).attr('data-fancybox', 'images');
        $(element).attr('href', $(this).attr('src'));
        $(this).wrap(element);
      }
    );
  </script>





  

  
    <!-- MathJax -->
    <script>
      MathJax = {
        tex: {
          inlineMath: [['$', '$'], ['\\(', '\\)']]
        },
        options: {
          renderActions: {
            findScript: [10, doc => {
              document.querySelectorAll('script[type^="math/tex"]').forEach(node => {
                const display = !!node.type.match(/; *mode=display/);
                const math = new doc.options.MathItem(node.textContent, doc.inputJax[0], display);
                const text = document.createTextNode('');
                node.parentNode.replaceChild(text, node);
                math.start = { node: text, delim: '', n: 0 };
                math.end = { node: text, delim: '', n: 0 };
                doc.math.push(math);
              });
            }, '', false],
            insertedScript: [200, () => {
              document.querySelectorAll('mjx-container').forEach(node => {
                let target = node.parentNode;
                if (target.nodeName.toLowerCase() === 'li') {
                  target.parentNode.classList.add('has-jax');
                }
              });
            }, '', false]
          }
        }
      };
    </script>

    <script async src="https://cdn.staticfile.org/mathjax/3.0.5/es5/tex-svg.js" ></script>

  



  
  
    <script>
      !function (e, t, a) {
        function r() {
          for (var e = 0; e < s.length; e++) s[e].alpha <= 0 ? (t.body.removeChild(s[e].el), s.splice(e, 1)) : (s[e].y--, s[e].scale += .004, s[e].alpha -= .013, s[e].el.style.cssText = "left:" + s[e].x + "px;top:" + s[e].y + "px;opacity:" + s[e].alpha + ";transform:scale(" + s[e].scale + "," + s[e].scale + ") rotate(45deg);background:" + s[e].color + ";z-index:99999");
          requestAnimationFrame(r)
        }

        function n() {
          var t = "function" == typeof e.onclick && e.onclick;
          e.onclick = function (e) {
            t && t(), o(e)
          }
        }

        function o(e) {
          var a = t.createElement("div");
          a.className = "heart", s.push({
            el: a,
            x: e.clientX - 5,
            y: e.clientY - 5,
            scale: 1,
            alpha: 1,
            color: c()
          }), t.body.appendChild(a)
        }

        function i(e) {
          var a = t.createElement("style");
          a.type = "text/css";
          try {
            a.appendChild(t.createTextNode(e))
          } catch (t) {
            a.styleSheet.cssText = e
          }
          t.getElementsByTagName("head")[0].appendChild(a)
        }

        function c() {
          return "rgb(" + ~~(255 * Math.random()) + "," + ~~(255 * Math.random()) + "," + ~~(255 * Math.random()) + ")"
        }

        var s = [];
        e.requestAnimationFrame = e.requestAnimationFrame || e.webkitRequestAnimationFrame || e.mozRequestAnimationFrame || e.oRequestAnimationFrame || e.msRequestAnimationFrame || function (e) {
          setTimeout(e, 1e3 / 60)
        }, i(".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.heart:after,.heart:before{content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: fixed;}.heart:after{top: -5px;}.heart:before{left: -5px;}"), n(), r()
      }(window, document);
    </script>
  








  <script  src="https://cdn.staticfile.org/mermaid/8.5.0/mermaid.min.js" ></script>
  <script>
    if (window.mermaid) {
      mermaid.initialize({"theme":"default"});
    }
  </script>







<script src="/michuanblog/live2dw/lib/L2Dwidget.min.js?094cbace49a39548bed64abff5988b05"></script><script>L2Dwidget.init({"log":false,"pluginJsPath":"lib/","pluginModelPath":"assets/","pluginRootPath":"live2dw/","tagMode":false});</script></body>
</html>
